<template>
    <div>
        <Row class-name="row">
            <Col :span="labelSpan">
                <label style="font-weight: bold">{{label}}：</label>
            </Col>
            <Col :span="textSpan">
                <label style="text-align: left">{{text}}</label>
            </Col>
        </Row>
    </div>
</template>

<script>
    export default {
        name: 'ShowLabel',
        props: {
            label: {
                type: String,
                default: '输入内容'
            },
            text: {
                type: [String,Number],
                default: ''
            },
            labelSpan: {
                type: Number,
                default: 8
            },
            textSpan: {
                type: Number,
                default: 5
            }
        },
    };
</script>

<style scoped>
    .row {
        line-height: 28px;
        height: 28px;
    }
</style>
